<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <script type="text/javascript" src="/js/ueditor/dialogs/internal.js"></script>
    <style type="text/css">
        html,body{overflow:hidden;}
        #specharsTab{width: 97%;margin: 10px auto; zoom:1;position: relative}
        .tabbody {height:447px;overflow-y: auto;}
        .tabbody > div {padding-top:10px;border-bottom:1px solid #ccc;display: block !important;}
        .tabbody span{ margin: 5px 3px;text-align: center;display:inline-block;width: 40px;height:18px;line-height: 18px;font-size: 20px;cursor: pointer; }

.tabhead a.focus {
    height: 31px;
    border-bottom: none;
    background: #ddd;
}
.tabhead a {
    display: inline-block;
    padding: 0 5px; color:#646464;text-decoration: none;
    height: 30px;
    border: 1px solid #ccc;
    background: url("../../themes/default/images/dialog-title-bg.png") repeat-x;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

    </style>
</head>
<body>
    <div id="specharsTab">
        <div id="tabHeads" class="tabhead"></div>
        <div id="tabBodys" class="tabbody"></div>
        <span style="color:red;">提示：按住“Ctrl”键,可鼠标点击多个插入。</span>
    </div>
<script type="text/javascript" src="spechars.js"></script>
</body>
</html>